<template>
    <div class="back_page">
        <el-page-header @back="goBack">
            <template #content>
                <span class="text-large font-600 mr-3"> {{title}} </span>
            </template>
        </el-page-header>
        <el-divider />
        <el-scrollbar>
            <slot></slot>
        </el-scrollbar>
    </div>
</template>

<script setup lang="ts">

import {useRouter} from "vue-router"

const props = defineProps({
    title: String
})
const router = useRouter()

const goBack = () => {
    router.back()
}

</script>


<style scoped>
.back_page{
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*top: 0;*/
    /*bottom: 0;*/
    background-color: #fff;
}
</style>